<template lang="html">
   <div class="join">
     <input type="text" v-model="name" value="">
     <button @click="create">加入~</button>
   </div>
</template>

<script>

export default {
  data(){
    return {
      name:''
    }
  },
  methods:{
    async create(){
      this.$emit("create",this.name);
      this.name = "";

    }
  }
}
</script>

<style lang="css" scoped>
  .join{
    width: 100%;
    text-align: center;
  }
</style>
